<template>
	<view class="detail">
		详情页
		<view class="title">文章标题文章标题文章标题文章标题文章标题文章标题</view>
		<view class="info">
			<view class="author">作者</view>
			<view class="">2025-7-17 11:20</view>
		</view>
		<view class="content">文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容</view>
		<view class="desc">版权</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.detail{
	padding: 30rpx;
	.title{
		font-size: 46rpx;
		color: #333;
	}
	.info{
		background-color: #f6f6f6;
		padding: 20rpx 20rpx;
		margin: 40rpx 0;
		font-size: 28rpx;
		color: #666;
		display: flex;
		justify-content: space-between;
		
	}
	.content{
		padding-bottom: 50rpx;
	}
	.desc{
		background-color: #fef0f0;
		font-size: 26rpx;
		padding: 20rpx;
		color: #f89898;
		line-height: 1.8em;
	}
}
</style>